<!-- 已完成案件 -->
<template>
    <div class="">
        <el-card class="!border-none" shadow="never">
            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
                <el-form-item label="我方文号" prop="ourRef">
                    <el-input class="w-[280px]" v-model="queryParams.ourRef" type="textarea"
                        placeholder="多个中间用分号；隔开，默认小于10条模糊查询，大于10条精确查询" />
                </el-form-item>
                <el-form-item label="申请号" prop="applicat">
                    <el-input class="w-[280px]" v-model="queryParams.applicat" type="textarea"
                        placeholder="多个中间用分号；隔开，默认小于10条模糊查询，大于10条精确查询" />
                </el-form-item>
                <el-form-item label="案件名称" prop="titleCause">
                    <el-input class="w-[280px]" v-model="queryParams.titleCause" />
                </el-form-item>
                <el-form-item label="客户名称" prop="keyElement">
                    <el-input class="w-[280px]" v-model="queryParams.keyElement" />
                </el-form-item>
                <el-form-item label="申请人" prop="applicat">
                    <el-input class="w-[280px]" v-model="queryParams.applicat" />
                </el-form-item>
                <el-form-item label="处理事项" prop="handlingInformation">
                    <el-select v-model="handlingInformation" placeholder="请选择" style="width: 280px;">
                        <el-option v-for="item in handlingInformations" :key="item.value" :label="item.value"
                            :value="item.value" />
                    </el-select>
                </el-form-item>
                <el-form-item label="完成日" prop="officialDate">
                    <el-date-picker v-model="officialDate" type="datetimerange" start-placeholder="开始日期"
                        end-placeholder="结束日期" format="YYYY-MM-DD HH:mm:ss" date-format="YYYY/MM/DD ddd"
                        time-format="A hh:mm:ss" />
                </el-form-item>

                <el-form-item>
                    <el-button type="primary" @click="resetPage">查询</el-button>
                    <el-button @click="resetParams" type="primary" plain>导出</el-button>
                    <el-button @click="resetParams">重置</el-button>
                </el-form-item>
            </el-form>
            <el-table class="mt-4" size="large" :data="queryParams" stripe>
                <el-table-column label="编号" prop="id" min-width="100" />

                <el-table-column property="ourRef" label="我方文号" width="120" />
                <el-table-column property="titleCause" label="案件名称" width="120" />
                <el-table-column property="client" label="客户名称" width="120" />
                <el-table-column property="" label="客户代码" width="120" />
                <el-table-column property="" label="客户文号" width="120" />
                <el-table-column property="" label="代理机构" width="120" />
                <el-table-column property="" label="外部案源人" width="120" />
                <el-table-column property="handlingInformation" label="处理事项" width="120" />
                <el-table-column property="" label="点数" width="120" />
                <el-table-column property="" label="完成日期" width="120" />
                <el-table-column property="" label="国家（地区）" width="120" />
                <el-table-column property="" label="申请类型" width="120" />
                <el-table-column property="" label="送合作所日" width="120" />
            </el-table>
            <div class="flex justify-end mt-4">
                <pagination v-model="pager" @change="getLists" />
            </div>
        </el-card>
    </div>
</template>

<script setup>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
const value = ref('')
const queryParams = reactive([
    {
        id: 1,
        date: '开卷日期',
        patentLabel: '专利标签',
        ourRef: '我方文号',
        titleCause: '案件名称',
        handlingInformation: '处理事项',
        processState: '处理状态',
        applicationType: '申请类型',
        filingDate: '配案日期',
        officialDate: '官方期限',
        wearLife: '内部期限',
        customerPeriod: '客户期限',
        caseClerk: '案件业务员',
        pretrialCase: '预审案件',
        priorityReview: '优先审查',
        applicat: '申请人',
        client: '客户',
        handlingPerson: '事项对外处理人',
        transactionHandler: '事项处理人',
    }
])
const handlingInformations = reactive([
    { checked: false, value: '调查', length: 2 },
    { checked: false, value: '检索分析', length: 3 },
    { checked: false, value: '立案', length: 22 },
    { checked: false, value: '新申请', length: 12 },
    { checked: false, value: '新申请', length: 255 },
    { checked: false, value: '一审', length: 12 },
    { checked: false, value: '发客户审核', length: 76 },
    { checked: false, value: '审理', length: 22 },
    { checked: false, value: '请求实审', length: 42 },
    { checked: false, value: '请求保密审查', length: 52 },
    { checked: false, value: '无效答辩', length: 2 },
    { checked: false, value: '撤回', length: 3 },
    { checked: false, value: '放弃', length: 22 },
    { checked: false, value: '结案', length: 12 },
    { checked: false, value: '进入国家阶段提醒..', length: 255 },
    { checked: false, value: '请求检索报告', length: 12 },
    { checked: false, value: '取得检索报告', length: 76 },
    { checked: false, value: '请求提前公开', length: 22 },
    { checked: false, value: '请求费用减缓', length: 42 },
    { checked: false, value: '翻译', length: 52 },
    { checked: false, value: '请求恢复权利', length: 2 },
    { checked: false, value: '办理DAS', length: 3 },
    { checked: false, value: '请求延长期那限', length: 22 },
    { checked: false, value: '缴纳申请费', length: 12 },
    { checked: false, value: '确认通知书', length: 255 },
    { checked: false, value: '初稿待反馈', length: 12 },
    { checked: false, value: '优先权提醒', length: 76 },
    { checked: false, value: '请求提前公开', length: 22 },
    { checked: false, value: '二稿', length: 42 },
    { checked: false, value: '发邮件', length: 52 },
])


</script>
<style scoped></style>
